// function move(lis, botm,div) {//一组元素，移动的元素,显示区域
//   var l = 0
//   lis.forEach(function (ele,index) {
//     ele.onmouseover = function () {
//       botm.style.left = this.offsetLeft + 'px'
//         for (var i = 0; i < lis.length; i++) {
//           div[i].style.display = 'none'
//         }
//         div[index].style.display = 'flex'

//     }
//     ele.onmouseout = function () {
//       l = this.offsetLeft
//       botm.style.left = l + 'px'
//     }

//   })
// }
function move(ele) {
  var lis = ele.querySelectorAll('.navbot li')
  var botm = ele.querySelector('.navhover')
  var div = ele.querySelectorAll('.cont')
  var l = 0
  lis.forEach(function (ele, index) {
    ele.onmouseover = function () {
      botm.style.left = this.offsetLeft + 'px'
      for (var i = 0; i < lis.length; i++) {
        div[i].style.display = 'none'
      }
      div[index].style.display = 'flex'

    }
    ele.onmouseout = function () {
      l = this.offsetLeft
      botm.style.left = l + 'px'
    }

  })
}